@layout("/common/_container.html",{js:["/assets/transport/tMap/tRealTime.js"]}){
<script type="text/javascript">
    window._AMapSecurityConfig = {securityJsCode: "dba528dcd7d571a231a330b532a6cf61",};
</script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=4fbb5ae31246fb4337678f7649c87b1b"></script>

<div id="container"></div>
<div id="searchPanel">
    <div class="search-inputs">
        <select id="searchSelect">
            <option value="">选择项目部</option>
            @for(item in basicOperatelist!){
            <option value="${item.operateId}">${item.operateName}</option>
            @}
        </select>
    </div>
    <button id="searchButton" type="button" class="layui-btn layui-bg-purple">搜索</button>
</div>
<style>
    html, body, #container {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #searchPanel {
        position: absolute;
        top: 30px;
        right: 20px;
        z-index: 1000;
        background: #fff;
        padding: 10px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
        display: flex;
        align-items: center; /* 垂直居中对齐 */
    }

    .search-inputs {
        display: flex;
        flex-direction: column; /* 使子元素垂直排列 */
        margin-right: 10px; /* 在输入框和按钮之间添加一些间距 */
    }

    #searchSelect {
        height: 35px;
        width: 200px;
        /*margin-top: 10px;*/
    }

    #searchButton {
        height: 35px; /* 调整按钮高度以匹配输入框和选择框的总高度 */
    }
</style>
@}